<template>
  <div class="phone-list">
    <list-item
      v-for="(item, index) of phoneData"
      :key="index"
      :item="item"
    ></list-item>
  </div>
</template>

<script>
import { mapState } from "vuex";

import ListItem from "./Item.vue";

export default {
  name: "PhoneList",
  components: {
    ListItem,
  },
  computed: {
    ...mapState(["phoneData"]),
  },
};
</script>